<!-- INCLUDE ucp_header.html -->

<!-- IF S_MODE eq "view" -->

<h2>{L_TITLE}</h2>

<div class="panel">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<div class="postbody pm">
			<!-- BEGIN yubikey_error_message -->
				<p class="error">{yubikey_error_message.MESSAGE}</p>
			<!-- END yubikey_error_message -->
			<!-- BEGIN yubikey_message -->
				<p>{yubikey_message.MESSAGE}</p>
			<!-- END yubikey_message -->

			<!-- IF S_YUBIKEYS_EXIST -->
				<h3>{L_YUBIKEY_LIST}</h3>

				<style type="text/css">
				table {
						width: 100%;
						border: 1px solid #CCCFD3;
						background-color: #FFFFFF;
						padding: 1px;
				}

				th {
						padding: 3px 4px;
						color: #FFFFFF;
						background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;
						border-top: 1px solid #6DACD2;
						border-bottom: 1px solid #327AA5;
						text-align: left;
						font-size: 1.1em;
						text-transform: uppercase;
				}

				td {
						text-align: left;
						font-size: 1.1em;
						padding: 4px;
						line-height: 1.20em;
				}

				.row1 { background-color: #F9F9F9; }
				.row2 { background-color: #DCEBFE; }
				</style>

				<table cellspacing="1">
				<thead>
					<tr>
						<th>{L_YUBIKEY_DEVICE_ID}</th>
						<th>{L_YUBIKEY_STATUS}</th>
						<th colspan="2">{L_OPTIONS}</th>
					</tr>
				</thead>
				<tbody>
				<!-- BEGIN yubikey -->
					<!-- IF yubikey.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->
						<td style="width: 50%;">{yubikey.DEVICE_ID}</td>
						<td style="width: 15%; white-space: nowrap;" align="center">&nbsp;{yubikey.STATUS}&nbsp;</td>
						<td style="text-align: center;">&nbsp;<a href="{yubikey.U_ACTIVATE_DEACTIVATE}">{yubikey.L_ACTIVATE_DEACTIVATE}</a>&nbsp;</td>
						<td style="text-align: center;">&nbsp;<a href="{yubikey.U_DELETE}">{L_YUBIKEY_DELETE}</a>&nbsp;</td>
					</tr>
				<!-- END yubikey -->
				</tbody>
				</table>

				<br /><hr />
			<!-- ENDIF -->

			<!-- IF S_YUBIKEY_LOGIN_ENABLED -->
				<form method="post" action="{U_ADD}">
				<h3>{L_YUBIKEY_ADD_A}</h3>
					<fieldset>
						<dl>
							<dt><label for="yubikey_otp">{L_YUBIKEY_OTP}</label><br /><span>{L_YUBIKEY_OTP_FULL_EXPLAIN}</span></dt>
							<dd><input type="text" name="yubikey_otp" id="yubikey_otp" size="44" maxlength="44" value="" class="yubikey-otp autowidth" /></dd>
							<dd>
							<input class="button1" name="submit" type="submit" value="{L_YUBIKEY_ADD}" />
							</dd>
							<dd>
							{S_FORM_TOKEN}
							</dd>
						</dl>
					</fieldset>
				</form>

				<br /><hr />

			<!-- ELSE -->
			{L_YUBIKEY_LOGIN_DISABLED}
			
			<!-- ENDIF -->
		
		</div>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>

<!-- ENDIF -->

<!-- INCLUDE ucp_footer.html -->